<%-- 
    Document   : facturas
    Created on : 08-24-2012, 09:19:27 AM
    Author     : marco.castro
--%>

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>  

<%@ taglib uri="http://www.extremecomponents.org" prefix="ec"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        
        

<script>

	

</script>

<script type="text/javascript">
</script>
<style>
/*Cajas de mensages para Usuario*/

</style>

<script type="text/javascript">
	
  function producto(string){
   var name=string
   document.getElementById('producto').value=name;
   }
   function OE(numeroObjetoespecifico,nombreObjetoespecifico,idProductoHasObjetoespecifico,producto){
   
   document.getElementById('idObjetoespecifico').value=numeroObjetoespecifico;
   document.getElementById('idobj').value=nombreObjetoespecifico;
   document.getElementById('idProductoHasObjetoespecifico').value = idProductoHasObjetoespecifico;
   document.getElementById('producto').value = producto;
   
   }
   
   function closeIframe() 
   { 
	   TYNI.box.hide();
   } 

   function isCheck()
   {
	   if ($("#checkBtn").is(":checked")){
		   
		   
		   $("#cargoFact").show("fast");
	   }
	   else{
		   $("#cargoFact").hide("fast");
	   }
   }
   
   
    function getCargados(idPadre,idDet){
    	var url = "${pageContext.request.contextPath}/admin/getCargado";
    	$.ajax({
			async: true,
	        url: url,
	        data: {
	        	idFact: idFact, 
	        	iddet: iddet 
	            },
	        success: function(data){	        	
	        	return data;			    			    			    
	        }
	    });
    	
    }	
    
	function test(){
		var url = "${pageContext.request.contextPath}/admin/getCargado";
		var idFact = $("#facturaid").val();
		var iddet = $("#idFacturaHasProducto").val();		
		if(idFact != "" || iddet != 0){
			$.ajax({
				async: true,
		        url: url,
		        data: {
		        	idFact: idFact, 
		        	iddet: iddet 
		            },
		        success: function(data){	        	
		        	$("#existencia").val(data);			    			    			    
		        }
		    });	
		}
		else{
			$("#existencia").val(0);
		}
		
		
		//total =$("#testtxt").val();
		
		
		/*$.get(url, { idFact: idFact, iddet: iddet },
				  function(data){
					$("#testtxt").val(data);
				    alert("Data Loaded: " + data);
				  });*/
	}   
   
		function sumTotal(){
		    $.ajax({
		        
		        url: "/admin/getCargado",
		        data: {
		            saludo: $("#cntAcargar").val()
		            },
		        success: function(data){
		            $("#testtxt").html(data);
		        }
		    });
		
	   
   }
   </script>
   
<!-- Extream Component -->
<link rel="stylesheet" type="text/css" 	href="../resources/css/extremecomponents.css">


<script type="text/javascript"

	src="../resources/javascript/extremecomponents.js"></script>
	
	<script type="text/javascript"
	src="../resources/javascript/jquery.js"></script>
	
	<script type="text/javascript">
			function onTableClick(idFacturaHasProducto,cantidad,factura,precio,producto,idObjetoespecifico,idobj,idProductoHasObjetoespecifico,estado){
				
				$("#idFacturaHasProducto").val(idFacturaHasProducto);
				$("#cantidad").val(cantidad);
				$("#facturaid").val(factura);
				$("#precio").val(MoneyFormat(precio));
				$("#producto").val(producto);
				$("#idObjetoespecifico").val(idObjetoespecifico);
				$("#idobj").val(idobj);
				$("#idProductoHasObjetoespecifico").val(idProductoHasObjetoespecifico);
				var Entregado = "Entregado";
				var PdEntrega = "Pendiente de Entrega";
				var Nentregado = "No Cargado";
				if(Entregado.toLowerCase() == estado.toLowerCase()){
					$("#agregar").hide();
					$("#actulizar").hide();
					$("#eliminar").hide();
					 lockBtn();
					 document.getElementById('checkBtn').disabled = true;
				}
				if(PdEntrega.toLowerCase() == estado.toLowerCase()){
					$("#agregar").show();
					$("#actulizar").show();
					$("#eliminar").hide();
					 lockBtn();
					 document.getElementById('checkBtn').disabled = false;
				}
				if(Nentregado.toLowerCase() == estado.toLowerCase()){
					$("#agregar").show();
					$("#actulizar").show();
					$("#eliminar").show();
					unlockBtn();
				}
				showEditBtn();
			}
			
			function showEditBtn(){
				$(".btnEditar").hide("fast");
				$(".btnAgregar").hide("slow");
				$(".btnEditar").show("slow");
				
			}
			
			function hiddenEditBtn(){
				$(".btnEditar").hide("fast");
				$(".btnAgregar").show("slow");								
			}
			
			function unlockBtn(){
				document.getElementById('buscar').disabled  = false;
				document.getElementById('cantidad').readOnly  = false;
				document.getElementById('precio').readOnly  = false;
				document.getElementById('checkBtn').disabled = false;
			}
			
			function lockBtn(){
				document.getElementById('buscar').disabled  = true;
				document.getElementById('cantidad').readOnly  = true;
				document.getElementById('precio').readOnly  = true;
			}
			
		
	</script>
	<script type="text/javascript">
	$(document).ready(function () {
		$("#success").delay(4000).fadeOut("slow");
		
		$("#factura").validate();
		valEstados();
		});
	
		function valEstados(){
			var estado = $("#facturaEstado").val();
			
			if(estado == 3){
				$("#agregar").hide();
				$("#actulizar").hide();
				$("#eliminar").hide();
			}
		}
	</script>
	<jsp:include page="includeCSSjs.jsp"/>
    </head>
    <body>
        
        <br><br>
<div id="divOverflown">
<form:form method="post" action="addFacturasDet"  	commandName="factura">
<fieldset>

<legend><font class="divTextoEncabezado">Registro de Detalle Factura <c:out value="${facturaNumero}"/></font></legend>
	<table width="100%" border="0">
	<tr>
    <td><label class="text0">Producto</label></td>
    <td >
    <form:hidden path="productoHasObjetoespecifico.idProductoHasObjetoespecifico" id="idProductoHasObjetoespecifico" />
    
    <form:input path="productoHasObjetoespecifico.producto.nombreProducto"  readonly="true" id="producto" class="required inputTextFacturaAgregar"/><input type="buttom" id="buscar" name="buscar" class="inputBoton botonLupa" onclick="TINY.box.show({iframe:'<%request.getContextPath();%>findVal',boxid:'frameless',width:600,height:350,fixed:true,maskid:'bluemask',maskopacity:100})">        
    </td>   
  </tr>
  <tr>  		
    <td >
    	<form:label class="text0" path="cantidad">Cantidad</form:label>    		
    </td>
    <td >
    	<form:input path="cantidad" onkeypress="return soloNumeros(event)" id="cantidad" class="required inputTextFacturaAgregar"/>
    	<form:hidden path="idFacturaHasProducto"/>    	
    	<form:hidden id="facturaid" path="factura.idFactura"/>    	
    	<form:hidden id="facturaEstado" path="factura.estadofactura.idEstadofactura"/>
    </td>
  </tr>
  
<tr>
    <td >    	
    	<form:label class="text0" path="precio">Precio</form:label>
    </td>
    <td >
    	<form:input path="precio" id="precio" onkeypress="return soloMoneda(event)" class="required inputTextFacturaAgregar"/>    	
    </td>
  </tr>
  
  <tr>
  		<td>
  					<label class="text0">Objeto Especifico</label>
  					
  		</td>
  		<td>
  			<form:input path="productoHasObjetoespecifico.objetoespecifico.numeroObjetoespecifico" id="idObjetoespecifico" class="required inputTextFacturaAgregar" readonly="true" />
  			<form:input path="productoHasObjetoespecifico.objetoespecifico.nombreObjetoespecifico" id="idobj" class="required inputTextFacturaAgregar" readonly="true" />
  			
  		</td>
  </tr>
<tr>
		<td><label class="text0">Cargar a Inventario</label></td>
		<td><input id="checkBtn" name="cargarInv" onchange="isCheck()" type="checkbox" /></td>
</tr>
</table >
	
</fieldset>
<br>

<div id="cargoFact"  style="display:none">
<fieldset >
<legend><font class="divTextoEncabezado">Cargo Factura</font></legend>
		<table border="0">
		<tr>
    <td><form:label class="text0" path="idBodega" >bodega</form:label></td>
    <td>
	<form:select path="idBodega" size="1" id="proveedor" class="required cmbFactura1">
		<form:options items="${bodegaList}" itemValue="idBodega" itemLabel="nombreBodega" />
	</form:select>
    </td>
  </tr>
	<tr>
		<td  width="57%">
			<label class="text0">Cantidad a Cargar</label>
		</td>
		<td>			
			<form:input path="cantidadCargar" id="cntAcargar" onkeypress="return soloNumeros(event)" onchange="test()" class="required number inputCalendario0"/>
		</td>
</tr>
<tr>
		<td  >
			<label class="text0">Total Cargado</label>
		</td>
		<td>
			<form:input path="existencia" id="existencia" readonly="true" class="required number inputCalendario0"/>
		</td>
</tr>
	
</table>	
	
</fieldset>
</div>
<br/>
        
<center>

<c:set var="banErr" value="3" />
<c:if test="${not empty tipo_msg}">
						
<font face="Arial">
	<c:if test="${tipo_msg.equals(banErr)}">
		<div id="err" style="color:red" class="text0" >	
				<c:out value="${successKey} "/>							
		</div>		
	</c:if >
	<c:if test="${!tipo_msg.equals(banErr)}">
		<div id="success" class="divDetalledelProductoPedido">	
				<c:out value="${successKey} "/>							
		</div>
	</c:if>
	
	</font>
</c:if>
<br/>
		<div class='btnAgregar'>
				<input id="agregar" type=image src="../resources/img/boton_agregar.png" width="95" height="30" class="inputBoton"  >				
		</div>
		<div class="btnEditar" style="display:none;">
					
					<input id="actulizar" type=image src="../resources/img/boton_guardar.png" width="95" height="30" class="inputBoton" onclick="edit('factura','editFacturasDet')" />
					<input id="eliminar" type=image src="../resources/img/btn_eliminar.png" width="95" height="30" class="inputBoton" onclick="edit('factura','delFacturasDet')"  />
					<input type=image src="../resources/img/btn_cancelar.png" width="95" height="30" class="inputBoton" onclick="edit('factura','../admin/showFacturasDetIng')"  >
					
		</div>
</center>

        </form:form>
        <br/>

        <!-- Extreme Table  -->
<c:if test="${!empty factListDet}">
 		<ec:table 
    items="factListDet"
    action="${pageContext.request.contextPath}/admin/showFacturasDet"  
    view="compact"
    imagePath="${pageContext.request.contextPath}/resources/images/compact/*.gif"
    rowsDisplayed="8"      
     var="pres"  >
           
    <ec:row highlightRow="true"  
	

 onclick="onTableClick('${pageScope.pres.id.idFacturaHasProducto}',
    					'${pageScope.pres.id.cantidad}',
    					'${pageScope.pres.id.idFactura}',
    					'${pageScope.pres.id.precio}',    					
    					'${pageScope.pres.id.nombreProducto}',
    					'${pageScope.pres.id.numeroObjetoespecifico}',
    					'${pageScope.pres.id.nombreObjetoespecifico}',
    					'${pageScope.pres.id.idProductoHasObjetoespecifico}',
    					'${pageScope.pres.id.estado}');"    
   >   
	<ec:column property="id.nombreProducto"  title="Descripcion"/>
	<ec:column property="id.unidadmedida"  title="Unidad Medida"/>
	<ec:column property="id.cantidad"  title="Cantidad"/>
	<ec:column property="id.cargardo"  title="Cargado"/>
	<ec:column property="id.precio" cell="currency"  title="Precio"/>
	<ec:column property="id.total" cell="currency"  title="Total"/>   
	    <ec:column property="id.estado"   title="Estado" filterCell="droplist"/>
	    
	     
    </ec:row>
  </ec:table>
</c:if>
    </body>
</html>
